<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-1.10.1.min.js"></script>

</head>
<body>
    <h3 id="title"  demo="wh2107-daydayup" class="one demo" >jQuery 学习 </h3>
    <ul class="list">
        <li>item_01</li>
        <li>item_02</li>
        <li>item_03</li>
        <li>item_04</li>
        <li>item_05</li>
        <li>item_06</li>
        <li>item_07</li>
        <li>item_08</li>
        <li>item_09</li>
        <li>item_10</li>
    </ul>
    <script>
 
        // each 循环得到是一个 dom 对象  
        // $(".list li").each((index,item)=>{
        //     // console.log(index)
        //     // console.log(item);
        //     console.log($(item).html())
        //     // console.log(this,item===this);   // window  箭头函数 
        //     console.log($(this).html())
        //     console.log($(item)==$(this));
        // })

        // $(".list li").each(function(index,item){
        //     // console.log(index)
        //     // console.log(item);
        //     console.log($(item).html())
        //     console.log(this,item===this);   //  当前的item 
        //     console.log($(this).html())
        // })

        // length 
        console.log($(".list li").length)


        // data 在元素上存放数据,返回jQuery对象。  
        console.log($("#title").data('2107'))
        $("#title").data('myid','wh2107')      // 存一个数据  
        console.log($("#title").data('myid'))  // 取数据 
        $("#title").data('keycode','88888')      // 存一个数据  
        console.log($("#title").data('keycode'))
        $("#title").removeData('keycode')  
        console.log($("#title").data('keycode'))
        
        $("#title").attr("myid",'wh2107');  //setAttribute
        console.log( $("#title").attr("myid"))

        // prop 

        
        // localStorage.setItem()
        // localStorage.getItem()
    </script>
</body>
</html>